<!DOCTYPE HTML>
<html>
  <head>
    <title>乐兔美食</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <link rel="icon" href="/static/image/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/static/image/favicon.ico" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" href="/static/css/base.css">
    <script type="text/javascript" src="/static/js/zepto.min.js"></script>
  </head>
<body>

  <header id="header" class="clearfix">
    <div class="dropdown">
      <a href="javascript:void(0);" class="home" id="menu">
        <i class="icon-home"></i>
      </a>
      <% include nav.html %>
    </div>
    <div class="title">
      <% if (category === 'all') { %>
      热门
      <% } else if(category === '1') { %>
      中餐
      <% } else if(category === '2') { %>
      西餐
      <% } else if(category === '3') { %>
      饮品
      <% }%>
    </div>
  </header>

  <section id="content">
    <div class="cart">
      <div class="item-table">
        <table class="table">
          <thead>
          <tr>
            <th>商品</th>
            <th>单价</th>
            <th>商家</th>
            <th>操作</th>
          </tr>
          </thead>
          <tbody id="itemList">

          </tbody>
        </table>
      </div>
    </div>
    <div class="finish">
      加载中...
    </div>
  </section>

  

  <div class="pay-notic">
    你有<span class="pay-number">0</span>件商品等待结算 
    <button class="normal-btn" id="clearSitems">清空</button> 
    <button class="btn" id="goPay">去结算</button> 
  </div>

  <script type="text/javascript">
      var category = '<%= category %>';
  </script>
  <script type="text/javascript" src="/static/js/base.js"></script>
</body>
</html>